<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>

<!-- 부킹 관련 Javascript -->
<!--
<script src="../js/src/connectionmanager.js"></script>
<script src="../js/src/mjson.js"></script>
<script src="../js/src/variable.js"></script>
<script src="../js/src/booking/interlock_booking.js"></script>
<script src="../js/src/booking/time_list.js"></script>
<script src="../js/src/booking/calendar.js"></script>-->

</head>

<body>
<!-- id 값을 class 생성한 Object와 동일하게 -->
<section id="calendar" data-role="page" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed" data-tap-toggle="false">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>부킹 검색 </h2>
            <!--right  btn-->
            <div class="top_right">
                <a id="my_setup" href="#" data-transition="slide" class="ico_btn_T btnT2">my설정</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content"> 
        <!--검색-->
        <form action="#" method="#">
            <div data-role="fieldcontain" class="content-primary boo_select">  
                <fieldset class="ui-grid-b">
                    <!--예약 분류-->
                    <div class="ui-block-a">
                        <label>예약 분류<span class="ico_all ico11"><em>→</em></span></label>
                        <select id="sel_rsv">
                            <option value="0">실시간 예약</option>
                            
                            <!--웨이팅 예약은 DCD 작업 이후 진행 <option value="1">웨이팅 예약</option> -->
                            <option value="2">자선 예약</option>
                        </select>
                    </div><!-- // class="ui-block-a" 끝  -->  
                    
                    <!--지역 -->
                    <div class="ui-block-b">
                        <label>지역<span class="ico_all ico11"><em>→</em></span></label>
                        <select id="sel_area">
                            <option value="-1">전지역</option>
                            <option value="0">My 설정 지역</option>
                            <option value="1">수도권(서울/경기/인천)</option>
                            <option value="2">중부권(강원/충청)</option>
                            <option value="3">남부권(전라/경상/제주)</option>
                        </select>
                    </div><!-- // class="ui-block-b" 끝  -->
                    
                    <!--골프장-->
                    <div class="ui-block-c">
                        <label>골프장<span class="ico_all ico11"><em>→</em></span></label>
                        <select id="sel_course">
                            <option value="-1">전체</option>
                            <option value="1">Sky72 하늘코스</option>
                            <option value="2">컨트리클럽 레이크코스</option>
                            <option value="3">Sky72 레이크코스</option>
                        </select>
                    </div><!-- // class="ui-block-c" 끝  -->  
                </fieldset>   
             </div><!-- // class="content-primary" 끝  -->  
        </form>
        
        <!--캘린더-->
        <article class="calendar">
            <!--년월 선택-->
            <h4>
                <span id="cal_title">2012년 06월</span>
                <p class="le"><button id="prev_mon" data-role="none"><span class="ico_all ico9"><em>이전</em></span></button></p>
                <p class="ri"><button id="next_mon" data-role="none"><span class="ico_all ico10"><em>다음</em></span></button></p>
            </h4>
            <table>
                <colgroup><col /><col /><col /><col /><col /><col /><col /></colgroup>
                <thead>
                    <tr>
                        <th>Sun</th>
                        <th>Mon</th>
                        <th>Tue</th>
                        <th>Wed</th>
                        <th>Thu</th>
                        <th>Fri</th>
                        <th>Sat</th>
                    </tr>
                </thead>
                <tbody id="tdoby_calendar">
                    <tr id="tr_week_0">
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td> </td>
                        <td>
                            <button data-role="none">
                                <em>1</em>
                                <!--부킹일자표시 부분-->
                                <span class="ico_navi navi28">icon</span>
                            </button>
                        </td>
                        <td><button data-role="none"><em>2</em></button> </td>
                    </tr>
                    <tr id="tr_week_1">
                        <td><button data-role="none"><em>3</em></button></td>
                        <td><button data-role="none"><em>4</em></button></td>
                        <td><button data-role="none"><em>5</em></button></td>
                        <td><button data-role="none"><em>6</em></button></td>
                        <td><button data-role="none"><em>7</em></button></td>
                        <td><button data-role="none"><em>8</em></button></td>
                        <td><button data-role="none"><em>9</em></button></td>             
                    </tr>
                    <tr id="tr_week_2">
                        <td><button data-role="none"><em>10</em></button></td>
                        <td><button data-role="none"><em>11</em></button></td>
                        <td>
                            <button data-role="none" class="on"><!--요일 선택시 css style 부분-->
                                <em>12</em>
                                <!--부킹일자표시 부분-->
                                <span class="ico_navi navi28">icon</span>
                            </button>
                        </td>
                        <td><button data-role="none"><em>13</em></button></td>
                        <td><button data-role="none"><em>14</em></button></td>
                        <td><button data-role="none"><em>15</em></button></td>
                        <td>
                            <button data-role="none">
                                <em>16</em>
                                <!--부킹일자표시 부분-->
                                <span class="ico_navi navi28">icon</span>
                            </button>
                        </td>
                    </tr>
                    <tr id="tr_week_3">
                        <td><button data-role="none"><em>17</em></button></td>
                        <td><button data-role="none"><em>18</em></button></td>
                        <td><button data-role="none"><em>19</em></button></td>
                        <td><button data-role="none"><em>20</em></button></td>
                        <td><button data-role="none"><em>21</em></button></td>
                        <td><button data-role="none"><em>22</em></button></td>
                        <td><button data-role="none"><em>23</em></button></td>                 
                    </tr>
                    <tr id="tr_week_4">
                        <td><button data-role="none"><em>24</em></button></td>
                        <td><button data-role="none"><em>25</em></button></td> 
                        <td>
                            <button data-role="none">
                                <em>26</em>
                                <!--부킹일자표시 부분-->
                                <span class="ico_navi navi28">icon</span>
                            </button>
                        </td>
                        <td><button data-role="none"><em>27</em></button></td>
                        <td><button data-role="none"><em>28</em></button></td>
                        <td><button data-role="none"><em>29</em></button></td>
                        <td><button data-role="none"><em>30</em></button></td>
                    </tr>
                    <tr id="tr_week_5">
                    </tr>
                </tbody>
            </table>        
        </article><!-- // class="calendar" 끝  -->  

        <p class="cale_txt">※ 원하시는 날짜, 여러 개<mark>(최대7일 선택)</mark>를 터치하여 한꺼번에 부킹리스트를 확인하실 수 있습니다.</p>
        
        <!--btn-->           
         <a id="go_list" data-role="button" data-theme="a" class="btn_type2"> 검색 결과보기</a> 
         <!-- <a href="wait_list.html" data-role="button" data-theme="a" data-transition="slide" class="btn_type2">  검색 결과보기</a> -->
         <!--button type 으로 작업시 btn-->
         <!--div class="btn_area04"><button data-theme="a" data-transition="slide" class="btn_type2">부킹 리스트 보기</button> </div -->                  
    </section><!-- // content -->
</section><!-- // page -->
</body>
</html>
